<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>登录</title>
	<link rel="stylesheet" th:href="@{/bootstrap-4.6.0-dist/css/bootstrap.min.css}">
	<link rel="stylesheet" th:href="@{/bootstrap-4.6.0-dist/css/bootstrap-icons.css}">
	<link rel="stylesheet" th:href="@{/css/reg.css}">
	<script th:src="@{/js/jquery.min.1.10.2.js}"></script>
	<script th:src="@{/js/commonutil.js}"></script>
</head>
<body>
	<div class="d1">
		<div class="dv1">
			<h2>管理系统登录</h2>
			<div class="tl">
				登录
			</div>

			<form th:action="@{/login}" method="post">
			  <div class="form-group">
			    <label>账号</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:red" th:text="${msg}"></span>
			    <input type="text" name="username" class="form-control" placeholder="账号">
			  </div>

			  <div class="form-group">
			    <label>密码</label>
			    <input type="password" name="password" class="form-control" placeholder="密码">
			  </div>
			  <button class="btn btn-primary" type="submit">登录</button>
			</form>
		</div>
		<div class="dv2">
			没有账号，<a href="reg.html">注册</a>
		</div>
	</div>
<script>

	function tj(){
		event.preventDefault();
		
		var pds = document.querySelectorAll("input");
		if(pds[0].value=='' || pds[1].value==''){
			alert("信息不能为空");
			return;
		}
	}

</script>
	
</body>
</html>